{% extends 'ApiCloud/Base/layout.common.html.twig' %}

{% block main %}
    {% include "ApiCloud/Base/inc.head.light.html.twig" with {title:"设计用料领取记录",back:1} %}
    {#{% include "ApiCloud/Base/inc.site.base.html.twig" with {site:"项目流转"} %}#}

    <div class="pad10">
        <div class="fs10 c11" v-if="isTrue(item)">
            <mu-ripple class="pad5 bdbda bc13 mart5 lh2 pos-r">
                <div class="flrc c2">
                    <div class=" padr5 padt2">
                        <mu-icon value="settings_input_component"></mu-icon>
                    </div>
                    <div class="flex3">[[item.name]]</div>
                    <div class="tar fs14 c3">[[item.num]]</div>
                </div>
                <div class="flrc fs8 c11">
                    <div>品牌:</div>
                    <div class="flex1">[[item.pinpai]]</div>
                    <div>规格:</div>
                    <div class="flex1">[[item.guige]]</div>
                    <div class="">[[item.danwei]]</div>
                </div>
                <div class="padb3 bdtda fs8 c12" v-if="isTrue(item.tips)">备注信息:[[item.tips]]</div>
            </mu-ripple>
        </div>

        <div class="list-style-1 pad5 mar5">添加领取记录</div>
        <div class="pad5 flrc">
            <div>数量：</div>
            <div><mu-text-field type="number" v-model="num" full-width></mu-text-field></div>
            <mu-button color="" round flat @click="getIt()">添加记录</mu-button>
        </div>


        <div class="list-style-2 pad5 mar5">历史领取记录</div>
        <div class="mar10 pad10 c11 bdda tac" v-if="!isTrue(list)">
            暂无数据
        </div>

        <div v-if="isTrue(list)" class="pad10 c11">
            <div class="flrc op8" v-for="item in list">
                <div class="flex1">[[item.addTime]]</div>
                X
                <div class="fs12">[[item.num]]</div>
            </div>
        </div>
    </div>

{% endblock %}
